<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        *
        {
            font-family: "楷体";
        }
    </style>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>
    <link rel="stylesheet" href="/CSS/login.css"/>
</head>
<body background="images/login.jpg"
      style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed">
<h2 align="center" style="color:forestgreen">欢迎来到智慧班牌教师端</h2>
<form action="/login" method="post">
    <div class="box">
        <h2 style="color:forestgreen">login</h2>
        <div class="input-box">
            <label style="color:forestgreen">账号</label>
            <input type="text" name="username">
        </div>
        <div class="input-box">
            <label style="color:forestgreen">密码</label>
            <input type="password" name="password">
        </div>
        <div class="btn-box">
            <a href="#">忘记密码</a>
            <div>
                <button style="color: forestgreen">登录</button>
                <button style="color: forestgreen" type="button" onclick="redirectToRegister()">注册</button>
            </div>
        </div>
    </div>
    <script>
        function redirectToRegister() {
            // 跳转到Register.html
            window.location.href = 'Register';
        }
    </script>
</form>

<span style="color: gold" th:text="${info}"></span>
</body>
</html>